<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
      
<ui:composition template="/templates/template.xhtml">
	<ui:define name="pageTitle" > Visitas </ui:define>
	<ui:define name="pageContent">
	<h:form>
   <f:view locale="#{LocationBean.idioma}">
				 <h:outputText id="comboidioma" value="Idioma" />
					<h:selectOneMenu value="#{LocationBean.idioma}">
						<f:selectItem itemLabel="Español" itemValue="es" />
						<f:selectItem itemLabel="Ingles" itemValue="en" />
					</h:selectOneMenu>

					<h:commandButton value="CAMBIAR IDIOMA"
						action="#{LocationBean.cambiarIdioma()}" />
	</f:view>  
	</h:form>	

   <rich:tabPanel switchType="client">
   <rich:tab header="#{msg['Tab_AsignarCita']}">
   <h:form>
   <h:panelGrid columns="1">
   <h:panelGrid columns="3">
   <h:outputText value="#{msg['Texto_Cliente']}" />
   <h:inputText value="#{visitas.cedulaCliente}" />
   <h:commandButton  action="#{visitas.BuscarCliente()}" value="#{msg['Btn_BuscarCliente']}" />
   <h:outputText value="#{msg['Texto_Nombre']}" />
   <h:outputText value="#{visitas.nombreCliente}" />
   </h:panelGrid>

    <h:panelGrid columns="2">
     <h:outputText value="#{msg['Texto_Auto']}" />
   <h:selectOneMenu value="#{visitas.idAuto}">
						<f:selectItems value="#{visitas.listarAutos()}" />
					</h:selectOneMenu>
    </h:panelGrid>
  <h:panelGrid columns="2">
  <h:outputText value="#{msg['Texto_Fecha_Mora']}" />
  <rich:calendar value="#{visitas.fechaMora}" popup="true" datePattern="dd/MM/yyyy"></rich:calendar>
  </h:panelGrid>
  <h:commandButton id="btn_Buscar1" action="#{visitas.asignarVisita()}" value="#{msg['Btn_Asignar']}" />
   </h:panelGrid>
    </h:form>
   </rich:tab>
   <rich:tab header="#{msg['Tab_ATender']}">
    
    
 <h:form>
 <h:panelGrid columns="2" > 
 <h:panelGrid columns="1">
   <h:panelGrid columns="3">
   <h:outputText value="#{msg['Texto_Cliente']}" />
   <h:inputText value="#{visitas.cedulaCliente}" />
   <h:commandButton id="btnBuscar_TabAtender" action="#{Atender.BuscarCliente()}" value="#{msg['Btn_BuscarCliente']}" />
   <h:outputText value="#{msg['Tbl_Nombre']}" />
   <h:outputText value="#{Atender.nombreCliente}" />
   </h:panelGrid>

    <h:panelGrid columns="2">
     <h:outputText value="#{msg['Texto_Auto']}" />
  					 <h:selectOneMenu value="#{Atender.idAuto}">
						<f:selectItems value="#{Atender.listarAutos()}" />
						<f:ajax event="change" render="comboVisitas" />
					</h:selectOneMenu>
    </h:panelGrid>
  <h:panelGrid columns="2">
 <h:selectOneMenu id="comboVisitas" value="#{Atender.idVisita}">
						<f:selectItems value="#{Atender.listarVisitas()}" />
						
						<f:ajax event="change"  execute="#{Atender.llenarDetallesPorVisita()}" render="tablaRepuestos"/>
					</h:selectOneMenu>
  </h:panelGrid>


  
  <p></p>
  <rich:panel header="#{msg['Cabezera_Repuesto']}">
   					<h:selectOneMenu id="comboRepuestos" value="#{Atender.idRepuesto}">
						<f:selectItems value="#{Atender.listarRepuestos()}" />
					</h:selectOneMenu>
						<h:inputText value="#{Atender.cantidadRepuesto}" />
						<h:commandButton action="#{Atender.agregarRepuesto}" value="#{msg['Btn_AgregarRepuesto']}" />
					<h:panelGrid columns="2"> 
					<h:dataTable id="tablaRepuestos" var="detalleRepuesto" border="1" value="#{Atender.detalles}"
					   styleClass="tablaNormal">
						<h:column>
							<f:facet name="header">
								<h:outputText value="#{msg['Tbl_Codigo']}" styleClass="subtitulo" />
							</f:facet>
								<h:outputText value="#{detalleRepuesto.repuesto.codigo}" />
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="#{msg['Tbl_Nombre']}" styleClass="subtitulo" />
							</f:facet>
								<h:outputText value="#{detalleRepuesto.repuesto.nombre}" />
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="#{msg['Tbl_Valor']}" styleClass="subtitulo" />
							
							</f:facet>
								<h:outputText value="#{detalleRepuesto.repuesto.precio}" />
						
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText value="#{msg['Tbl_Cantidad']}" styleClass="subtitulo" />
							</f:facet>
								<h:outputText value="#{detalleRepuesto.cantidad}" />
						</h:column>
					</h:dataTable>
				 			 <h:panelGrid columns="2">
  								<h:outputText value="#{msg['Texto_Total']}" />
 							 	<h:outputText value="#{Atender.calcularTotalVisita()}" />
 					 		 </h:panelGrid>
 				 </h:panelGrid>
				</rich:panel>
				</h:panelGrid>

   </h:panelGrid>
  </h:form>
   </rich:tab>
   </rich:tabPanel>
	
	</ui:define>
</ui:composition> 
</html>
